<template>
  <div class="table-head">
    <a-card :bordered="false" :header-style="{ padding: '0 12px' }">
      <template #title> {{ t["商品字段"] }} </template>

      <div class="flex justify-between">
        <div class="flex gap-3">
          <a-button type="primary" @click="create">
            {{ t["新建"] }}
            <template #icon>
              <IconPlus />
            </template>
          </a-button>
          <a-button @click="list">{{ t["刷新"] }}</a-button>
        </div>
        <x-delete :disabled="keys.length === 0" @ok="del"></x-delete>
      </div>
    </a-card>
  </div>
</template>

<script setup lang="ts">
import { create, del, list } from "../../data/curd";
import { keys } from "../../data/table";

const t = translate("公共模块");
</script>

<style lang="scss" scoped>
:deep(.arco-card-header) {
  border: none;
}
</style>
